<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Mebel Group</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300,500;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>
  <link rel="stylesheet" href="css/libs.min.css">
  <link rel="stylesheet" href="css/style.min.css">
</head>

<body>
<div class=Wrapper>
  <div class="cursor"></div>
  <div class="cursor-follower"></div>
  <div class="content">
    <header class="header">
      <div class="header__top">
        <div class="container">
          <div class="header__top-inner">
            <div class="header__box--left">
              <div class="header__logo">
                <a href="#">
                  <span>Mebel</span>Group
                </a>
              </div>
              <div class="header__menu">
                <ul>
                  <li>
                    <a href="#">About us</a>
                  </li>
                  <li>
                    <a href="#">Feedback</a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="header__box--right">
              <div class="header__text">
                <a class="header__phone menu-item" href="tel:84951265327">+7 (495) 126-53-27</a>
                <a class="menu-item delivery">Delivery throughout Russia</a>
                <a href="#" class="close"></a>
              </div>

              <div class="header__search-form">
                <form>
                  <input type="text" name="" placeholder="Search">
                </form>
              </div>

              <div class="header__btn">
                <a class="header__btn-menu icon-search" id="search" href="#"></a>
                <a class="header__btn-menu icon-user" href="#"></a>
                <a class="header__btn-menu icon-shopping-cart" href="#"></a>
                <div class="header__btn-menu">
                  <div class="hamburger hover-target menu-btn" id="toggle">
                    <div class="hamburger__span one" id="one"></div>
                    <div class="hamburger__span two" id="two"></div>
                    <div class="hamburger__span three" id="three"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>

    <section class="categories">
      <div class="container">
        <div class="categories__inner categories__menu">

          <div class="categories__inner--left">
            <ul class="categories__menu-list">
              <li>
                <a href="#">
                  Chairs
                  <ul class="categories__inner-submenu categories__submenu">
                    <div class="categories__submenu-items">
                      <li class="categories__submenu-item">
                        <a href="#">Chairs</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Armchairs</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Bar chairs</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Stools</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Folding chairs</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Children's chairs</a>
                      </li>
                    </div>
                  </ul>
                </a>
              </li>
              <li>
                <a href="#">
                  Tables
                  <ul class="categories__inner-submenu categories__submenu">
                    <div class="categories__submenu-items">
                      <li class="categories__submenu-item">
                        <a href="#">Dinner table</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Bar table</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Coffee table</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Computer desk</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Children's table</a>
                      </li>
                    </div>
                  </ul>
                </a>
              </li>
              <li>
                <a href="#">
                  Computer chairs
                  <ul class="categories__inner-submenu categories__submenu">
                    <div class="categories__submenu-items">
                      <li class="categories__submenu-item">
                        <a href="#">Gaming chairs</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Executive Chairs</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Office Chairs</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Office armchairs</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Child seats</a>
                      </li>
                    </div>
                  </ul>
                </a>
              </li>
              <li>
                <a href="#">
                  Banquet furniture
                  <ul class="categories__inner-submenu categories__submenu">
                    <div class="categories__submenu-items">
                      <li class="categories__submenu-item">
                        <a href="#">Banquet chairs</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Banquet tables</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Carts</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Furniture for catering</a>
                      </li>
                    </div>
                  </ul>
                </a>
              </li>
              <li>
                <a href="#">
                  Kits
                  <ul class="categories__inner-submenu categories__submenu">
                    <div class="categories__submenu-items">
                      <li class="categories__submenu-item">
                        <a href="#">Lunch groups</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Chair sets</a>
                      </li>
                    </div>
                  </ul>
                </a>
              </li>
              <li>
                <a href="#">
                  Other goods
                  <ul class="categories__inner-submenu categories__submenu">
                    <div class="categories__submenu-items">
                      <li class="categories__submenu-item">
                        <a href="#">Consoles</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Banquets</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Puffs</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Candles</a>
                      </li>
                    </div>
                  </ul>
                </a>
              </li>
            </ul>
          </div>

          <div class="categories__inner--right">
            <ul class="categories__menu-list">
              <li>
                <a href="#">
                  Collections
                  <ul class="categories__inner-submenu categories__submenu">
                    <div class="categories__submenu-items">
                      <li class="categories__submenu-item">
                        <a href="#">Eames</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Tolix</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Soft armchairs</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Designer collection</a>
                      </li>
                    </div>
                  </ul>
                </a>
              </li>
              <li>
                <a href="#">
                  Discounts
                  <ul class="categories__inner-submenu categories__submenu">
                    <div class="categories__submenu-items">
                      <li class="categories__submenu-item">
                        <a href="#">Clearance sale</a>
                      </li>
                      <li class="categories__submenu-item">
                        <a href="#">Stocks</a>
                      </li>
                    </div>
                  </ul>
                </a>
              </li>
            </ul>
          </div>

        </div>
      </div>
    </section>

    <section class="slider">
      <div class="container">
        <div class="slider__inner">

          <div class="slider__item js-slider">
            <div class="slider__item-img img" style="background-image: url(images/slider-1.jpg)"></div>
            <div class="slider__item-info">
              <div class="slider__suptitle">Prices are lower</div>
              <div class="slider__title">Chair Eames DSW Style 24$</div>
              <a href="#" class="slider__btn js-slider-btn">More details</a>
            </div>
            <div class="slider__item-dots">
              <div class="slider__item-dots--left">
                <div class="slider__item-dots__total">4</div>
              </div>
            </div>
          </div>

          <div class="slider__item js-slider">
            <div class="slider__item-img img" style="background-image: url(images/slider-2.jpg)"></div>
            <div class="slider__item-info">
              <div class="slider__suptitle">On a remote site</div>
              <div class="slider__title">Discount up to 40% on office chairs</div>
              <a href="#" class="slider__btn js-slider-btn">More details</a>
            </div>
            <div class="slider__item-dots">
              <div class="slider__item-dots--left">
                <div class="slider__item-dots__total">4</div>
              </div>
            </div>
          </div>

          <div class="slider__item js-slider">
            <div class="slider__item-img img" style="background-image: url(images/slider-3.jpg)"></div>
            <div class="slider__item-info">
              <div class="slider__suptitle">New chairs in every home</div>
              <div class="slider__title">Discounts up to 50%</div>
              <a href="#" class="slider__btn js-slider-btn">More details</a>
            </div>
            <div class="slider__item-dots">
              <div class="slider__item-dots--left">
                <div class="slider__item-dots__total">4</div>
              </div>
            </div>
          </div>

          <div class="slider__item js-slider">
            <div class="slider__item-img img" style="background-image: url(images/slider-4.jpg)"></div>
            <div class="slider__item-info">
              <div class="slider__suptitle">The kit is cheaper!</div>
              <div class="slider__title">15% discount on dining groups</div>
              <a href="#" class="slider__btn js-slider-btn">More details</a>
            </div>
            <div class="slider__item-dots">
              <div class="slider__item-dots--left">
                <div class="slider__item-dots__total">4</div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </section>

    <section class="sales-leaders" id="boxs">
      <div class="container">
        <div class="sales-leaders__title title">Sales leaders</div>
        <div class="sales-leaders__subtitle">The most popular models from all categories of the online
          store
        </div>
        <div class="sales-leaders__items">

          <div class="sales-leaders__item box">
            <div class="sales-leaders__inner">
              <div class="sales-leaders__discount">
                sale<span>-13%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                        </div>
                        </span>
              </div>
              <div class="sales-leaders__images">
                <a href="#"><img src="images/sales-leaders-1.jpeg" alt="sales leaders images"></a>
              </div>
              <div class="sales-leaders__description">
                Chair office TopChairs Benefit black
              </div>
              <div class="sales-leaders__price">
                <div class="sales-leaders__price--new">78,5$</div>
                <div class="sales-leaders__price--old">90$</div>
              </div>
              <div class="sales-leaders__hidden">
                <div class="sales-leaders__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="sales-leaders__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="sales-leaders__item box">
            <div class="sales-leaders__inner">
              <div class="sales-leaders__discount">
                sale<span>-15%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                    </div>
                    </span>
              </div>
              <div class="sales-leaders__images">
                <a href="#"><img src="images/sales-leaders-2.jpeg" alt="sales leaders images"></a>
              </div>
              <div class="sales-leaders__description">
                Chair Venus diamond velor brown
              </div>
              <div class="sales-leaders__price">
                <div class="sales-leaders__price--new">142,7$</div>
                <div class="sales-leaders__price--old">168,5$</div>
              </div>
              <div class="sales-leaders__hidden">
                <div class="sales-leaders__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="sales-leaders__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="sales-leaders__item box">
            <div class="sales-leaders__inner">
              <div class="sales-leaders__discount">
                sale<span>-37%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="sales-leaders__images">
                <a href="#"><img src="images/sales-leaders-3.jpeg" alt="sales leaders images"></a>
              </div>
              <div class="sales-leaders__description">
                Coffee table Barrel
              </div>
              <div class="sales-leaders__price">
                <div class="sales-leaders__price--new">142,7$</div>
                <div class="sales-leaders__price--old">225,5$</div>
              </div>
              <div class="sales-leaders__hidden">
                <div class="sales-leaders__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="sales-leaders__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="sales-leaders__item box">
            <div class="sales-leaders__inner">
              <div class="sales-leaders__discount">
                sale<span>-30%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="sales-leaders__images">
                <a href="#"><img src="images/sales-leaders-4.jpeg" alt="sales leaders images"></a>
              </div>
              <div class="sales-leaders__description">
                Chair Monarch pink
              </div>
              <div class="sales-leaders__price">
                <div class="sales-leaders__price--new">99$</div>
                <div class="sales-leaders__price--old">130$</div>
              </div>
              <div class="sales-leaders__hidden">
                <div class="sales-leaders__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="sales-leaders__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="sales-leaders__item box lazy">
            <div class="sales-leaders__inner">
              <div class="sales-leaders__discount">
                sale<span>-42%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="sales-leaders__images">
                <a href="#"><img src="images/sales-leaders-5.jpeg" alt="sales leaders images"></a>
              </div>
              <div class="sales-leaders__description">
                Chair Eames DSW white
              </div>
              <div class="sales-leaders__price">
                <div class="sales-leaders__price--new">25,5$</div>
                <div class="sales-leaders__price--old">44$</div>
              </div>
              <div class="sales-leaders__hidden">
                <div class="sales-leaders__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="sales-leaders__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="sales-leaders__item box lazy">
            <div class="sales-leaders__inner">
              <div class="sales-leaders__discount">
                sale<span>-23%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="sales-leaders__images">
                <a href="#"><img src="images/sales-leaders-6.jpeg" alt="sales leaders images"></a>
              </div>
              <div class="sales-leaders__description">
                Arianda chair black
              </div>
              <div class="sales-leaders__price">
                <div class="sales-leaders__price--new">42,7$</div>
                <div class="sales-leaders__price--old">55,5$</div>
              </div>
              <div class="sales-leaders__hidden">
                <div class="sales-leaders__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="sales-leaders__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="sales-leaders__item box lazy">
            <div class="sales-leaders__inner">
              <div class="sales-leaders__discount">
                sale<span>-8%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="sales-leaders__images">
                <a href="#"><img src="images/sales-leaders-7.jpeg" alt="sales leaders images"></a>
              </div>
              <div class="sales-leaders__description">
                Table Eames DSW D80 glass
              </div>
              <div class="sales-leaders__price">
                <div class="sales-leaders__price--new">142,7$</div>
                <div class="sales-leaders__price--old">155,5$</div>
              </div>
              <div class="sales-leaders__hidden">
                <div class="sales-leaders__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="sales-leaders__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="sales-leaders__item box lazy">
            <div class="sales-leaders__inner">
              <div class="sales-leaders__discount">
                sale<span>-10%
                    <div class="sales-leaders__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="sales-leaders__images">
                <a href="#"><img src="images/sales-leaders-8.jpeg" alt="sales leaders images"></a>
              </div>
              <div class="sales-leaders__description">
                Dining table Vardi 90 * 90 walnut
              </div>
              <div class="sales-leaders__price">
                <div class="sales-leaders__price--new">135,5$</div>
                <div class="sales-leaders__price--old">122$</div>
              </div>
              <div class="sales-leaders__hidden">
                <div class="sales-leaders__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="sales-leaders__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

        </div>

        <div class="sales-leaders__loadMore" id="loadMore">
          Load more
          <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
        </div>
      </div>
    </section>

    <section class="collections">
      <div class="container">
        <div class="collections__mainTitle title">Collections</div>
        <div class="collections__inner">

          <div class="collections__item js-slider">
            <div class="collections__item-wrapper">
              <div class="collections__item-left">
                <div class="collections__item-left__img img"
                     style="background-image: url(images/collection-slider-1.jpg)">
                </div>
                <div class="collections__item-left__info">
                  <div class="collections__item-left__title">Collection Eames</div>
                  <a href="#" class="collections__item-left__btn js-slider-btn">More details</a>
                </div>
              </div>
              <div class="collections__item-right">
                <div class="collections__item-right__img">
                  <img src="images/collection-slider-right-1.jpeg" alt="collection slider images">
                </div>
                <div class="collections__item-right__inner">
                  <div class="collections__item-right__title">Chair Eames DSW beige</div>
                  <div class="collections__item-right__price">
                    <div class="collections__item-right__price--new">28,5$</div>
                    <div class="collections__item-right__price--old">42,7$</div>
                  </div>
                  <div class="collections__item-right__description">
                    Laconic chair made of high-quality and durable PP plastic with legs made of the cult combination of
                    wood and metal.
                  </div>
                  <div class="collections__item-right__bottom">
                    <a class="button-buy" href="#">
                      <div class="button-buy__text">To favorites</div>
                      <div class="button-buy__icon icon-shopping-cart"></div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="collections__item js-slider">
            <div class="collections__item-wrapper">
              <div class="collections__item-left">
                <div class="collections__item-left__img img"
                     style="background-image: url(images/collection-slider-2.jpg)"></div>
                <div class="collections__item-left__info">
                  <div class="collections__item-left__title">Collection Tolix</div>
                  <a href="#" class="collections__item-left__btn js-slider-btn">More details</a>
                </div>
              </div>
              <div class="collections__item-right">
                <div class="collections__item-right__img">
                  <img src="images/collection-slider-right-2.jpeg" alt="collection slider images">
                </div>
                <div class="collections__item-right__inner">
                  <div class="collections__item-right__title">Bar chair TOLIX WOOD aquamarine</div>
                  <div class="collections__item-right__price">
                    <div class="collections__item-right__price--new">57$</div>
                    <div class="collections__item-right__price--old">60$</div>
                  </div>
                  <div class="collections__item-right__description">
                    Tolix bar stool with a wide comfortable seat made of wood with a natural texture and a metal frame
                    in aquamarine color.
                  </div>
                  <div class="collections__item-right__bottom">
                    <a class="button-buy" href="#">
                      <div class="button-buy__text">To favorites</div>
                      <div class="button-buy__icon icon-shopping-cart"></div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="collections__item js-slider">
            <div class="collections__item-wrapper">
              <div class="collections__item-left">
                <div class="collections__item-left__img"
                     style="background-image: url(images/collection-slider-3.jpg)"></div>
                <div class="collections__item-left__info">
                  <div class="collections__item-left__title">Soft armchairs</div>
                  <a href="#" class="collections__item-left__btn js-slider-btn">More details</a>
                </div>
              </div>
              <div class="collections__item-right">
                <div class="collections__item-right__img">
                  <img src="images/collection-slider-right-3.jpeg" alt="collection slider images">
                </div>
                <div class="collections__item-right__inner">
                  <div class="collections__item-right__title">Chair Grand Velor pink</div>
                  <div class="collections__item-right__price">
                    <div class="collections__item-right__price--new">235,5$</div>
                    <div class="collections__item-right__price--old">314$</div>
                  </div>
                  <div class="collections__item-right__description">
                    A chair with a wide comfortable seat and a high soft back, upholstered in velor.
                  </div>
                  <div class="collections__item-right__bottom">
                    <a class="button-buy" href="#">
                      <div class="button-buy__text">To favorites</div>
                      <div class="button-buy__icon icon-shopping-cart"></div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="collections__item js-slider">
            <div class="collections__item-wrapper">
              <div class="collections__item-left">
                <div class="collections__item-left__img img"
                     style="background-image: url(images/collection-slider-4.jpg)"></div>
                <div class="collections__item-left__info">
                  <div class="collections__item-left__title">Designer collection</div>
                  <a href="#" class="collections__item-left__btn js-slider-btn">More details</a>
                </div>
              </div>
              <div class="collections__item-right">
                <div class="collections__item-right__img">
                  <img src="images/collection-slider-right-4.jpeg" alt="collection slider images">
                </div>
                <div class="collections__item-right__inner">
                  <div class="collections__item-right__title">Coffee table 120 * 60 Brooklyn silver</div>
                  <div class="collections__item-right__price">
                    <div class="collections__item-right__price--new">290$</div>
                    <div class="collections__item-right__price--old">361$</div>
                  </div>
                  <div class="collections__item-right__description">
                    Coffee table with elegant stainless steel frame, tabletop - tempered glass.
                  </div>
                  <div class="collections__item-right__bottom">
                    <a class="button-buy" href="#">
                      <div class="button-buy__text">To favorites</div>
                      <div class="button-buy__icon icon-shopping-cart"></div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </section>

    <section class="new-items" id="newBoxs">
      <div class="container">
        <div class="new-items__title title">New items</div>
        <div class="new-items__subtitle">Pay attention to the latest arrivals.</div>
        <div class="new-items__items">

          <div class="new-items__item newBox">
            <div class="new-items__inner">
              <div class="new-items__discount">
                sale<span>-5%
                    <div class="new-items__discount-square">
                      <span></span>
                        </div>
                        </span>
              </div>
              <div class="new-items__images">
                <a href="#"><img src="images/new-1.jpeg" alt="new item images"></a>
              </div>
              <div class="new-items__description">
                Eames D80 Glass Dining Group, 2 Transparent Eames Chairs
              </div>
              <div class="new-items__price">
                <div class="new-items__price--new">199$</div>
                <div class="new-items__price--old">211$</div>
              </div>
              <div class="new-items__hidden">
                <div class="new-items__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="new-items__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="new-items__item newBox">
            <div class="new-items__inner">
              <div class="new-items__discount">
                sale<span>-25%
                    <div class="new-items__discount-square">
                      <span></span>
                    </div>
                    </span>
              </div>
              <div class="new-items__images">
                <a href="#"><img src="images/new-2.jpeg" alt="new item images"></a>
              </div>
              <div class="new-items__description">
                Chair Grand Velor pink
              </div>
              <div class="new-items__price">
                <div class="new-items__price--new">235,5$</div>
                <div class="new-items__price--old">314$</div>
              </div>
              <div class="new-items__hidden">
                <div class="new-items__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="new-items__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="new-items__item newBox">
            <div class="new-items__inner">
              <div class="sales-leaders__discount">
                sale<span>-10%
                    <div class="new-items__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="new-items__images">
                <a href="#"><img src="images/new-3.jpeg" alt="new item images"></a>
              </div>
              <div class="new-items__description">
                Chair Venus velor gray
              </div>
              <div class="new-items__price">
                <div class="new-items__price--new">128,5$</div>
                <div class="new-items__price--old">141,3$</div>
              </div>
              <div class="new-items__hidden">
                <div class="new-items__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="new-items__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="new-items__item newBox">
            <div class="new-items__inner">
              <div class="new-items__discount">
                sale<span>-17%
                    <div class="new-items__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="new-items__images">
                <a href="#"><img src="images/new-4.jpeg" alt="new item images"></a>
              </div>
              <div class="new-items__description">
                Chair office TopChairs Bonus gray
              </div>
              <div class="new-items__price">
                <div class="new-items__price--new">99$</div>
                <div class="new-items__price--old">117$</div>
              </div>
              <div class="new-items__hidden">
                <div class="new-items__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="new-items__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="new-items__item newBox lazy">
            <div class="new-items__inner">
              <div class="sales-leaders__discount">
                sale<span>-5%
                    <div class="new-items__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="new-items__images">
                <a href="#"><img src="images/new-5.jpeg" alt="new item images"></a>
              </div>
              <div class="new-items__description">
                Eames D80 dining group black, 2 Eames chairs white
              </div>
              <div class="new-items__price">
                <div class="new-items__price--new">182,7$</div>
                <div class="new-items__price--old">192,4$</div>
              </div>
              <div class="new-items__hidden">
                <div class="new-items__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="new-items__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="new-items__item newBox lazy">
            <div class="new-items__inner">
              <div class="new-items__discount">
                sale<span>-15%
                    <div class="new-items__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="new-items__images">
                <a href="#"><img src="images/new-6.jpeg" alt="new item images"></a>
              </div>
              <div class="new-items__description">
                Gudi Dining Group, Vincent Chairs Beige
              </div>
              <div class="new-items__price">
                <div class="new-items__price--new">441,3$</div>
                <div class="new-items__price--old">519,3$</div>
              </div>
              <div class="new-items__hidden">
                <div class="new-items__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="new-items__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="new-items__item newBox lazy">
            <div class="new-items__inner">
              <div class="new-items__discount">
                sale<span>-15%
                    <div class="new-items__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="new-items__images">
                <a href="#"><img src="images/new-7.jpeg" alt="new item images"></a>
              </div>
              <div class="new-items__description">
                Oswald lunch group, chairs Valencia velor gray
              </div>
              <div class="new-items__price">
                <div class="new-items__price--new">292,7$</div>
                <div class="new-items__price--old">345$</div>
              </div>
              <div class="new-items__hidden">
                <div class="new-items__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="new-items__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

          <div class="new-items__item newBox lazy">
            <div class="new-items__inner">
              <div class="new-items__discount">
                sale<span>-15%
                    <div class="new-items__discount-square">
                      <span></span>
                </div>
                </span>
              </div>
              <div class="new-items__images">
                <a href="#"><img src="images/new-8.jpeg" alt="new item images"></a>
              </div>
              <div class="new-items__description">
                Lunch group Oswald, chairs Lyon velor with mint rhombuses
              </div>
              <div class="new-items__price">
                <div class="new-items__price--new">385,5$</div>
                <div class="new-items__price--old">453,5$</div>
              </div>
              <div class="new-items__hidden">
                <div class="new-items__bottom">
                  <a class="button-buy" href="#">
                    <div class="button-buy__text">Buy</div>
                    <div class="button-buy__icon icon-shopping-cart"></div>
                  </a>
                  <a href="#" class="new-items__buy">Buy in one click</a>
                </div>
              </div>
            </div>
          </div>

        </div>

        <div class="new-items__loadMore" id="newItemsLoadMore">
          Load more
          <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
        </div>
      </div>
    </section>

    <section class="projects">
      <div class="container">
        <div class="projects__title title">Projects</div>
        <div class="projects__subtitle">Projects Stool Group</div>
        <a class="projects__goToProjects" href="#">Go to projects</a>

        <div class="projects__cards">
          <div class="projects__card">
            <div class="projects__card-inner">
              <img src="images/projects-card-1.jpg" alt="projects card images">
              <div class="projects__card-link">
                <div class="projects__card-title">Beauty salon Lumi Bar</div>
                <div class="projects__card-info">
                  <div class="projects__card-descr">Russia</div>
                  <div class="projects__card-details">More details</div>
                </div>
              </div>
            </div>
          </div>
          <div class="projects__card">
            <div class="projects__card-inner">
              <img src="images/projects-card-2.jpg" alt="projects card images">
              <div class="projects__card-link">
                <div class="projects__card-title">Casa Picassa</div>
                <div class="projects__card-info">
                  <div class="projects__card-descr">Russia</div>
                  <div class="projects__card-details">More details</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- start sidebar -->
    <div class="menu">
      <div class="close-menu">
        <ion-icon name="close"></ion-icon>
      </div>

      <div class="nav">
        <ul class="main-menu">
          <li class="main-menu-item sidebar__title">Catalog</li>
          <li class="main-menu-item hover-target">
            <a href="#">Chairs &nbsp;
              <ion-icon name="add"></ion-icon>
            </a>

            <ul class="sidebar__submenu">
              <li class="submenu-item hover-target">
                <a href="#">Chairs</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Armchairs</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Bar chairs</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Stools</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Folding chairs</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Children chairs</a>
              </li>
            </ul>
          </li>

          <li class="main-menu-item hover-target">
            <a href="#">Tables &nbsp;
              <ion-icon name="add"></ion-icon>
            </a>

            <ul class="sidebar__submenu">
              <li class="submenu-item hover-target">
                <a href="#">Dinner table</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Bar table</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Coffee table</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Computer desk</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Children's table</a>
              </li>
            </ul>
          </li>

          <li class="main-menu-item hover-target">
            <a href="#">Computer chairs &nbsp;
              <ion-icon name="add"></ion-icon>
            </a>

            <ul class="sidebar__submenu">
              <li class="submenu-item hover-target">
                <a href="#">Gaming chairs</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Executive chairs</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Office chairs</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Office armchairs</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Child seats</a>
              </li>
            </ul>
          </li>

          <li class="main-menu-item hover-target">
            <a href="#">Banquet furniture &nbsp;
              <ion-icon name="add"></ion-icon>
            </a>

            <ul class="sidebar__submenu">
              <li class="submenu-item hover-target">
                <a href="#">Banquet chairs</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Banquet tables</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Carts</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Furniture for catering</a>
              </li>
            </ul>
          </li>

          <li class="main-menu-item hover-target">
            <a href="#">Kits &nbsp;
              <ion-icon name="add"></ion-icon>
            </a>

            <ul class="sidebar__submenu">
              <li class="submenu-item hover-target">
                <a href="#">Lunch groups</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Chair sets</a>
              </li>
            </ul>
          </li>

          <li class="main-menu-item hover-target">
            <a href="#">Other goods &nbsp;
              <ion-icon name="add"></ion-icon>
            </a>

            <ul class="sidebar__submenu">
              <li class="submenu-item hover-target">
                <a href="#">Consoles</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Banquets</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Puffs</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Candles</a>
              </li>
            </ul>
          </li>

          <li class="main-menu-item hover-target">
            <a href="#">Collections &nbsp;
              <ion-icon name="add"></ion-icon>
            </a>

            <ul class="sidebar__submenu">
              <li class="submenu-item hover-target">
                <a href="#">Eames</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Tolix</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Soft armchairs</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Designer collection</a>
              </li>
            </ul>
          </li>

          <li class="main-menu-item hover-target">
            <a href="#">Discounts &nbsp;
              <ion-icon name="add"></ion-icon>
            </a>

            <ul class="sidebar__submenu">
              <li class="submenu-item hover-target">
                <a href="#">Clearance sale</a>
              </li>
              <li class="submenu-item hover-target">
                <a href="#">Stocks</a>
              </li>
            </ul>
          </li>

          <li class="main-menu-item sidebar__title">Contacts</li>
          <li class="main-menu-item sidebar__title">Support Service</li>
          <li class="main-menu-item sidebar__title">Personal Area</li>

        </ul>
      </div>

    </div>
    <!-- end sidebar -->

  </div>

  <footer class="footer">
    <div class="container">
      <div class="footer__inner">
        <div class="footer__inner-title title">Mebel Group</div>

        <div class="footer__items">
          <div class="footer__item">
            <div class="footer__item-title">Contacts</div>
            <ul class="footer__item-list">
              <li><a href="#">About as</a></li>
              <li><a href="tel:84951265327">+7 (495) 126-53-27</a></li>
              <li><a href="mailto:info@stoolgroup.ru">info@stoolgroup.ru</a></li>
            </ul>
          </div>

          <div class="footer__item">
            <div class="footer__item-title">Support Service</div>
            <ul class="footer__item-list">
              <li><a href="#">Feedback</a></li>
              <li><a href="#">Map of site</a></li>
              <li><a href="#">Terms of service</a></li>
            </ul>
          </div>

          <div class="footer__item">
            <div class="footer__item-title">Personal Area</div>
            <ul class="footer__item-list">
              <li><a href="#">Personal area</a></li>
              <li><a href="#">History of orders</a></li>
              <li><a href="#">Newsletter</a></li>
            </ul>
          </div>
          <div class="footer__item">
            <div class="footer__item-title">Designed by</div>
            <ul class="footer__item-list">
              <li>
                <a href="#">
                  <img class="icon__payments" src="images/small_payments.png" alt="payments">
                </a>
              </li>
              <li>
                <a href="#">
                  <img src="images/sellavi-logo.png" alt="sellavi-logo">
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="footer__bottom">
          <div class="footer__bottom-copyright">© 2020 Mebel Group</div>
          <div class="footer__bottom-privacyPolicy">Privacy Policy</div>
          <div class="footer__bottom-termsOfUse">Terms of use</div>
        </div>

      </div>
    </div>
  </footer>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
        integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://unpkg.com/ionicons@4.5.5/dist/ionicons.js"></script>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script src="js/libs.min.js"></script>
<script src="js/main.js"></script>
</body>

</html>
